<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=yes">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="author" content="KeMu">
		<meta name="copyright" content="zf">
		<meta name="keywords" content="沙漠">
		<meta name="description" content="沙漠">
		<link rel="stylesheet" type="text/css" href="./css/zf.css" />
		<link rel="stylesheet" type="text/css" href="./css/pintuer.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="homePage">
			<div class="header_logo">
				<a href="javascript:;" class="logo">
					<img src="./images/206_68.png">
				</a>
				<div class="indexTop">欢迎<span class="xingMing">&nbsp;liuweihua&nbsp;</span>来到瀚海资本，开启你的财富 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://127.0.0.1:8020/desert/verification.html">退出系統</a></div>
			</div>
			<div class="homePageContent">
				<div class="contentLeft">
					<div class="contentLeftTop">
						<div class="headPortrait">
							<div class="headImg">
								<img src="./images/image.png" />
							</div>
							<p>liuweihua</p>
						</div>
						<div class="descriptionPerson">
							<i class="icon-certificate description1"></i><span class="span1">0</span> <span class="span2">普通会员</span>
							<span class="span3">0.00筹码</span>
						</div>
					</div>
					<div class="navList">
						<ul class="navUl">
							<a href="#" class="">
								
								<li class="activeLi chipLi"><i class="icon-bar-chart-o"></i>筹码交易</li>
							</a>
							<a href="#" class="">
								<li class="recommendLi"><i class="icon-user"></i>推荐注册</li>
							</a>
							<a href="#" class="">
								<li class="hallLi"><i class="icon-university"></i>交易大厅</li>
							</a>
							<a href="http://127.0.0.1:8020/desert/wallet.html" class="">
								<li class="walletLi"><i class="icon-columns"></i>我的钱包</li>
							</a>
							<a href="#" class="">
								<li class="agencyLi"><i class="icon-users"></i>成为代理</li>
							</a>
							<a href="#" class="">
								<li class="customsLi"><i class="icon-file-text"></i>筹码报单</li>
							</a>
							<a href="#" class="">
								<li class="earningsLi"><i class="icon-check-square"></i>佣金收益</li>
							</a>
							<a href="#" class="">
								<li class="detailLi"><i class="icon-th"></i>筹码明细</li>
							</a>
							<a href="http://127.0.0.1:8020/desert/noticeList.html" class="">
								<li class="noticeLi"><i class="icon-bullhorn"></i>系统公告</li>
							</a>
							<a href="#" class="">
								<li class="messageLi"><i class="icon-book"></i>反馈信息</li>
							</a>
						</ul>
					</div>
				</div>
				<div class="contentRight">
					<div class="chip">
						<div class="">
							<p class="chipTitle">筹码交易 <span class="chipSpan"><a href="#">返回</a> &nbsp;&nbsp;&nbsp;<a href="#">刷新</a></span></p>
							<div class="chipKind">
								<div class="kind">
									<i class="icon-database"></i>
									<h2>累计投资</h2>
									<p class=""><span>0.00</span>&nbsp;籌碼</p>
								</div>

								<div class="kind">
									<i class="icon-usd"></i>
									<h2>累计佣金</h2>
									<p class=""><span>0.00</span>&nbsp;籌碼</p>
								</div>

								<div class="kind">
									<i class="icon-archive"></i>
									<h2>累计分红</h2>
									<p class=""><span>0.00</span>&nbsp;籌碼</p>
								</div>

								<div class="kind">
									<i class="icon-calendar"></i>
									<h2>日分红</h2>
									<p class=""><span>0.00</span>&nbsp;籌碼</p>
								</div>

								<div class="kind">
									<i class="icon-calendar-o"></i>
									<h2>月分红</h2>
									<p class=""><span>0.00</span>&nbsp;籌碼</p>
								</div>

								<div class="kind">
									<i class="icon-credit-card"></i>
									<h2>年分红</h2>
									<p class=""><span>0.00</span>&nbsp;籌碼</p>
								</div>

							</div>
						</div>
						<div class="">
							<p class="chipTitle chipZoushi">最近10日分红走势 &nbsp;&nbsp;<span>该分红由场所当日盈利决定</span></p>
							<div class="zoushi">

							</div>
						</div>
						<div class="">
							<p class="chipTitle chipJilu">投资记录 </p>
							<div class="jilu">
								<table class="record-table" cellspacing="0">
									<thead>
										<tr>
											<th>投資時間</th>
											<th>投資類型</th>
											<th>投資金額</th>
											<th>下次分紅</th>
											<th>分紅狀態</th>
											<th>當日分紅</th>
											<th>累計分紅</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody id="idJilu">
										<tr>
											<td>11221d</td>
											<td>222cvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
										</tr>
										<tr>
											<td>33221d</td>
											<td>222cvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>x33d</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
										</tr>
										<tr>
											<td>14441d</td>
											<td>2444vd</td>
											<td>xcvd</td>
											<td>x444d</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
										</tr>
										<tr>
											<td>1666621d</td>
											<td>222cvd</td>
											<td>x6666</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
										</tr>
										<tr>
											<td>155551d</td>
											<td>222cvd</td>
											<td>55fg</td>
											<td>xcvd</td>
											<td>xfhgjd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
										</tr>
										<tr>
											<td>7771d</td>
											<td>277cvd</td>
											<td>x7</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
										</tr>
										<tr>
											<td>8888d</td>
											<td>222cvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
										</tr>
									</tbody>
								</table>
								<div class="zhushi">
									*注：分红收益从投资次日开始计算
								</div>
								<div class="">

									<div id="barcon" name="barcon" class=""></div>

									<div style="clear: both;"></div>
									<script type="text/javascript">
										function goPage(pno, psize) {
											var Uls = $('#idJilu');
											var Ulslist = Uls.find('tr');
											var num = Ulslist.length;
											var totalPage = 0; //总页数
											var pageSize = psize; //每页显示行数
											//总共分几页 
											if (num / pageSize > parseInt(num / pageSize)) {
												totalPage = parseInt(num / pageSize) + 1;
											} else {
												totalPage = parseInt(num / pageSize);
											}
											var currentPage = pno; //当前页数
											var startRow = (currentPage - 1) * pageSize + 1; //开始显示的行  31 
											var endRow = currentPage * pageSize; //结束显示的行   40
											endRow = (endRow > num) ? num : endRow;
											for (var i = 1; i < (num + 1); i++) {
												var irow = Ulslist[i - 1];
												//												console.log(irow);
												if (i >= startRow && i <= endRow) {
													//													irow.style.display = "block";
													$(irow).css('display', '');
												} else {
													//													irow.style.display = "none";
													$(irow).css('display', 'none');
												}
											}
											var pageEnd = $('#pageEnd');
											var tempStr = "<span>共" + num + "条记录&nbsp;&nbsp;分" + totalPage + "页 &nbsp;&nbsp;当前第<i>" + currentPage + "</i>页&nbsp;&nbsp;</span>";
											if (currentPage > 1) {
												tempStr += "<a href=\"javascript:void(0);\" onClick=\"goPage(" + (1) + "," + psize + ")\">第一页</a>";
												tempStr += "<a href=\"javascript:void(0);\" onClick=\"goPage(" + (currentPage - 1) + "," + psize + ")\">上一页</a>"
											} else {
												tempStr += "<a href='javascript:void(0);'>第一页</a>";
												tempStr += "<a href='javascript:void(0);'>上一页</a>";
											}
											if (currentPage < totalPage) {
												tempStr += "<a href=\"javascript:void(0);\" onClick=\"goPage(" + (currentPage + 1) + "," + psize + ")\">下一页</a>";
												tempStr += "<a href=\"javascript:void(0);\" onClick=\"goPage(" + (totalPage) + "," + psize + ")\">尾页</a>";
											} else {
												tempStr += "<a href='javascript:void(0);'>下一页</a>";
												tempStr += "<a href='javascript:void(0);'>尾页</a>";
											}
											$('#barcon').html(tempStr);
										}
										goPage(1, 3);
									</script>

								</div>
							</div>
						</div>
						<div class="">
							<p class="chipTitle chipMingxi">静态分红明细 </p>
							<div class="Mingxi">
								<table class="record-table" cellspacing="0">
									<thead>
										<tr>
											<th>序号</th>
											<th>名稱</th>
											<th>獲取日期</th>
											<th>月分紅</th>
											<th>年分紅</th>
											<th>結算日期</th>
											<th>狀態</th>
										</tr>
									</thead>
									<tbody id="idMingxi">
										<tr>
											<td>11221d</td>
											<td>222cvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											
										</tr>
										<tr>
											<td>33221d</td>
											<td>222cvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>x33d</td>
											<td>xcvd</td>
											<td>xcvd</td>
										
										</tr>
										<tr>
											<td>14441d</td>
											<td>2444vd</td>
											<td>xcvd</td>
											<td>x444d</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											
										</tr>
										<tr>
											<td>1666621d</td>
											<td>222cvd</td>
											<td>x6666</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
										
										</tr>
										<tr>
											<td>155551d</td>
											<td>222cvd</td>
											<td>55fg</td>
											<td>xcvd</td>
											<td>xfhgjd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											
										</tr>
										<tr>
											<td>7771d</td>
											<td>277cvd</td>
											<td>x7</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											
										</tr>
										<tr>
											<td>8888d</td>
											<td>222cvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											<td>xcvd</td>
											
										</tr>
									</tbody>
								</table>
								<div class="">
									<div id="fhMingxi" name="fhMingxi" class=""></div>
									<div style="clear: both;"></div>
									<script type="text/javascript">
										function goMingxi(pno, psize) {
											var Uls = $('#idMingxi');
											var Ulslist = Uls.find('tr');
											var num = Ulslist.length;
											var totalPage = 0; //总页数
											var pageSize = psize; //每页显示行数
											//总共分几页 
											if (num / pageSize > parseInt(num / pageSize)) {
												totalPage = parseInt(num / pageSize) + 1;
											} else {
												totalPage = parseInt(num / pageSize);
											}
											var currentPage = pno; //当前页数
											var startRow = (currentPage - 1) * pageSize + 1; //开始显示的行  31 
											var endRow = currentPage * pageSize; //结束显示的行   40
											endRow = (endRow > num) ? num : endRow;
											for (var i = 1; i < (num + 1); i++) {
												var irow = Ulslist[i - 1];
												//												console.log(irow);
												if (i >= startRow && i <= endRow) {
													//													irow.style.display = "block";
													$(irow).css('display', '');
												} else {
													//													irow.style.display = "none";
													$(irow).css('display', 'none');
												}
											}
											var pageEnd = $('#pageEnd');
											var tempStr = "<span>共" + num + "条记录&nbsp;&nbsp;分" + totalPage + "页 &nbsp;&nbsp;当前第<i>" + currentPage + "</i>页&nbsp;&nbsp;</span>";
											if (currentPage > 1) {
												tempStr += "<a href=\"javascript:void(0);\" onClick=\"goMingxi(" + (1) + "," + psize + ")\">第一页</a>";
												tempStr += "<a href=\"javascript:void(0);\" onClick=\"goMingxi(" + (currentPage - 1) + "," + psize + ")\">上一页</a>"
											} else {
												tempStr += "<a href='javascript:void(0);'>第一页</a>";
												tempStr += "<a href='javascript:void(0);'>上一页</a>";
											}
											if (currentPage < totalPage) {
												tempStr += "<a href=\"javascript:void(0);\" onClick=\"goMingxi(" + (currentPage + 1) + "," + psize + ")\">下一页</a>";
												tempStr += "<a href=\"javascript:void(0);\" onClick=\"goMingxi(" + (totalPage) + "," + psize + ")\">尾页</a>";
											} else {
												tempStr += "<a href='javascript:void(0);'>下一页</a>";
												tempStr += "<a href='javascript:void(0);'>尾页</a>";
											}
											$('#fhMingxi').html(tempStr);
										}
										goMingxi(1,4);
									</script>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>